<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>样式</title>
		<style>
			h3{
				color: green;	/*字体颜色	rgb:red红，green绿，blue蓝	0~F十六进制		ALT+鼠标点击*/
				font-size: 36px;		/*字体大小*/
				text-align: center;	/*文本居中*/
			}
			p{
				color:red;
				text-align:center;
			}
			.size{
				font-size: 120px;
			}
			#col{
				color: #7253bf;
				font-family:'microsoft YaoHei';
				font-weight: 800;
			}
		</style>
		<!-- 引入css文件 -->
		<link href="css/fontStyle.css" rel="stylesheet"/>
	</head>
	<body>
		<!-- Css：层叠样式表、级联样式表，用来布局和美化页面 -->
		<!-- 
		引入样式：
		1.内联样式：再开始标签中用style属性
		2.内部样式：在html文件的head标签中用style标签来书写
		3.外部样式:
		step1:创建css文件，书写样式
		step2：在html文件中引入css文件
		思考：对同一个标签用三种引入方式作用同一效果，三种引入方式的优先级分别是？
		内联样式优先级最高，谁离标签更近
		 -->
		 <!-- 
		 选择器：
			1.标签选择器
			2.类选择器
			3.id选择器
		  -->
		<h1 style="color: blue;" class="size">古诗中文网</h1>
		<h3 style="color: red;" class="size">蒹葭</h3>
		<p styke="color:black;">蒹葭苍苍，白露为霜</p>
		<p id="col">所谓伊人，在水一方</p>
		<ul>
			<li>第一列</li>
		</ul>
		<ol>
			<li>第一列</li>
		</ol>
	</body>
</html>